<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>职信-企业系统</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable= no, minimum-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="css/company.css"/>
    <link rel="stylesheet" href="layui/css/layui.css">
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" ></script>
    <!--<script src="js/jquery-1.11.2.min.js" type="text/javascript"></script>-->
    <script src="layui/layui.js"></script>
    <script src="./js/template.js"></script>
    <script src="https://img.hcharts.cn/highstock/highstock.js"></script>
    <script src="https://img.hcharts.cn/jquery/jquery-1.8.3.min.js"></script>
    <script src="js/exporting.js"></script>
    <script src="https://img.hcharts.cn/highcharts-plugins/highcharts-zh_CN.js"></script>
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="js/company.js"></script>
    <link rel="Shortcut Icon" ng-href="img/logo.png" href="img/logo.png">
    <link href="css/jquery-accordion-menu.css" rel="stylesheet" type="text/css" />
    <link href="css/font-awesome.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery-accordion-menu.js" type="text/javascript"></script>
    <script type="text/javascript">
        _winWidth = document.body.clientWidth || document.documentElement.clientWidth;
        _style = document.getElementsByTagName("html")[0].style;
        _winWidth = _winWidth >= 960 ? _style.fontSize = "100px" : _winWidth;
        _style.fontSize = _winWidth / 9.60 + "px";
    </script>
</head>

<body>
    <header>
        <div class="header-container">
            <div id="bar-first" class="home"><img src="img/logo.png" width="50px"/><div class="company_name">职业信用管理系统</div></div>
            <div class="content">通讯录</div>
            <div class="pool">工作池</div>
            <div class="data">企业数据</div>
            <div class="setting">设置</div>
            <span id="logout">注销</span>
        </div>
    </header>

    <div class="body-container">
        <!--首页-->
        <section class="sub-menu s-home">
            <div class="s-left">
                <div class="home_left">
                    <img alt="头像" src="img/avatars/avatar-1.png"/>
                    <span class="company_name"></span>
                    <p class="user_name"></p>
                    <p class="auth"></p>

                    <hr/>
                    <div class="home_left_mid">
                        <p class="total">企业人数：</p>
                        <p class="total_employees"> </p>
                    </div>
                    <div class="home_left_mid">
                        <p class="total">部门数：</p>
                        <p class="total_departments"> </p>
                    </div>
                    <hr class="line"/>
                    <p class="header">企业认证：</p>
                    <div class="certification">企业认证</div><br/>
                    <div class="goto_certification">您还未曾认证当前企业<br/>认证后将获得更多权益</div>
                </div>
            </div>

            <div class="s-right">
                <div class="background_img">
                    <span>3步开启职信之旅</span>
                    <p></p>
                    <i class="layui-icon">&#x1006;</i>
                    <img src="img/bar/home_tab_2.png">
                    <div class="layui-row">
                        <div class="layui-col-md5">
                            <span>完善信息 ></span>
                        </div>
                        <div class="layui-col-md2">
                            <span>批量导入 ></span>
                        </div>
                        <div class="layui-col-md5">
                            <span>&nbsp;&nbsp;&nbsp;&nbsp;查看应用 ></span>
                        </div>
                    </div>
                </div>
                <div class="layui-carousel" id="carousel">
                    <div carousel-item>
                        <div><img src="img/slid-one-bg.png"></div>
                        <div><img src="img/slid-four-bg.png"></div>
                        <div><img src="img/slid-three-bg.png"></div>
                    </div>
                </div>
                <div class="apps">
                    <span>快捷入口</span>
                    <div class="layui-row">
                        <div class="layui-col-md4">
                            <div><i class="layui-icon" style="color: orange;">&#xe617;</i>架构管理</div>
                        </div>
                        <div class="layui-col-md4">
                            <div><i class="layui-icon" style="color: #3296FA;">&#xe617;</i>批量导入</div>
                        </div>
                        <div class="layui-col-md4">
                            <div><i class="layui-icon" style="color: #FFD700;">&#xe617;</i>企业数据</div>
                        </div>
                        <div class="layui-col-md4">
                            <div><i class="layui-icon" style="color: #3CB371;">&#xe617;</i>信息设置</div>
                        </div>
                        <div class="layui-col-md4">
                            <div><i class="layui-icon" style="color: #FF7F50;">&#xe617;</i>今日计划</div>
                        </div>
                        <div class="layui-col-md4">
                            <div><i class="layui-icon" style="color: orange;">&#xe617;</i>历史计划</div>
                        </div>
                        <div class="layui-col-md4">
                            <div><i class="layui-icon" style="color: #3296FA;">&#xe617;</i>历史奖惩</div>
                        </div>
                        <div class="layui-col-md4">
                            <div><i class="layui-icon" style="color: #FFD700;">&#xe617;</i>修改密码</div>
                        </div>
                        <div class="layui-col-md4">
                            <div><i class="layui-icon" style="color: #3CB371;">&#xe617;</i>退出系统</div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!--通讯录-->
        <section class="sub-menu s-content">
            <div class="s-left">
                <div id="jquery-accordion-menu" class="jquery-accordion-menu blue">
                    <div class="jquery-accordion-menu-header" id="form"></div>
                    <ul id="demo-list"></ul>
                </div>
            </div>
            <div class="s-right">
                <div><p class="department_name">职业信用管理系统</p><button class="department_setting" data-toggle="modal" data-target="#department_setting">部门编辑</button></div>
                <div class="modal fade" id="department_setting" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                    &times;
                                </button>
                                <h4 class="modal-title" id="myModalLabel1">部门编辑</h4>
                            </div>
                            <div class="modal-body">
                                <form class="layui-form">
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">旧部门：</label>
                                        <div class="layui-input-block">
                                            <input type="text" id="old_department_name" required  lay-verify="required" autocomplete="off" class="layui-input" disabled>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">新部门：</label>
                                        <div class="layui-input-block">
                                            <input type="text" id="new_department_name" required  lay-verify="required" placeholder="请输入新部门名称" autocomplete="off" class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">上级部门：</label>
                                        <div class="layui-input-block layui-form" id="department_list" lay-filter="selFilter">
                                            <select id="department_name" lay-verify="required">
                                                <option value="">暂无部门</option>
                                            </select>
                                        </div>
                                        <script type="text/html" id="department">
                                            <option value=""></option>
                                            {{each}}
                                            <option value={{$value.id}}>{{$value.name}}</option>
                                            {{/each}}
                                        </script>
                                    </div>
                                    <div class="layui-form-item">
                                        <div class="layui-input-block">
                                            <button type="button" class="layui-btn layui-btn-normal" id="edit_department">立即修改</button>
                                            <button type="button" class="layui-btn layui-btn-danger" id="delete_department">删除部门</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="sub_department">
                    <p><i class="layui-icon" style="font-size: 1.2rem;">&#xe63c;</i>下级部门</p>
                    <div class="sub_department_header"><button class="add_sub_department" data-toggle="modal" data-target="#add_sub_department">添加子部门</button></div>
                    <div>
                        <table class="layui-table">
                            <colgroup>
                                <col width="150">
                                <col width="200">
                                <col>
                            </colgroup>
                            <thead>
                            <tr>
                                <th>部门名</th>
                                <th>人数</th>
                            </tr>
                            </thead>
                            <tbody>
                            <script id="sub_departmrnt" type="text/html">
                                {{each}}
                                <tr>
                                    <td>{{$value.department_name}}</td>
                                    <td>{{$value.sum_employee}}人</td>
                                </tr>
                                {{/each}}
                            </script>
                            </tbody>
                        </table>
                    </div>
                </div>

                <!--添加子部门-->
                <div class="modal fade" id="add_sub_department" tabindex="-1" role="dialog" aria-labelledby="myModalLabel7" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                    &times;
                                </button>
                                <h4 class="modal-title" id="myModalLabel7">添加子部门</h4>
                            </div>
                            <div class="modal-body">
                                <form class="layui-form">
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">部门名称：</label>
                                        <div class="layui-input-block">
                                            <input type="text" id="new_department" required  lay-verify="required" placeholder="请输入子部门的名称" autocomplete="off" class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <div class="layui-input-block">
                                            <button type="button" class="layui-btn layui-btn-normal" id="add_department">立即添加</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="employee">
                    <p><i class="layui-icon" style="font-size: 1.2rem;">&#xe612;</i>部门人员</p>
                    <div class="employee_header">
                        <button class="add_employee" data-toggle="modal" data-target="#add_employee">添加成员</button>
                        <button class="import_export" style="display: none">批量导入/导出</button>
                    </div>
                    <div>
                        <table class="layui-table">
                            <colgroup>
                                <col width="150">
                                <col width="200">
                                <col>
                            </colgroup>
                            <thead>
                            <tr>
                                <th>姓名</th>
                                <th>手机号</th>
                                <th>职务</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            <script id="employee" type="text/html">
                                {{each}}
                                <tr>
                                    <td>{{$value.user_name}}</td>
                                    <td>{{$value.user_phone}}</td>
                                    <td>{{$value.duty}}</td>
                                    <td>
                                        <button class="edit_employee" name={{$value.user_id}} data-toggle="modal" data-target="#edit_employee">编辑</button>
                                        <button class="delete_employee" name={{$value.user_id}}>删除</button>
                                    </td>
                                </tr>
                                {{/each}}
                            </script>
                            </tbody>
                        </table>
                    </div>
                </div>

                <!--添加部门成员-->
                <div class="modal fade" id="add_employee" tabindex="-1" role="dialog" aria-labelledby="myModalLabel8" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                    &times;
                                </button>
                                <h4 class="modal-title" id="myModalLabel8">添加部门成员</h4>
                            </div>
                            <div class="modal-body">
                                <form class="layui-form">
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">姓名：</label>
                                        <div class="layui-input-block">
                                            <input type="text" id="employee_name" required  lay-verify="required" placeholder="请输入员工用户名" autocomplete="off" class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">手机号：</label>
                                        <div class="layui-input-block">
                                            <input type="text" id="employee_phone" required  lay-verify="required" placeholder="请输入员工手机号" autocomplete="off" class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">上级：</label>
                                        <div class="layui-input-block layui-form" id="superior_list" lay-filter="selFilter">
                                            <select id="superior_name" lay-verify="required"></select>
                                        </div>
                                        <script type="text/html" id="superior">
                                            <option value=""></option>
                                            {{each}}
                                            <option value={{$value.id}}>{{$value.name}}</option>
                                            {{/each}}
                                        </script>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">职务：</label>
                                        <div class="layui-input-block">
                                            <input type="text" id="employee_duty" required  lay-verify="required" placeholder="请输入员工职务" autocomplete="off" class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <div class="layui-input-block">
                                            <button type="button" class="layui-btn layui-btn-normal" id="add_employee_btn">立即添加</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>

                <!--编辑成员-->
                <div class="modal fade" id="edit_employee" tabindex="-1" role="dialog" aria-labelledby="myModalLabel10" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                    &times;
                                </button>
                                <h4 class="modal-title" id="myModalLabel10">编辑部门成员</h4>
                            </div>
                            <div class="modal-body">
                                <form class="layui-form">
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">姓名：</label>
                                        <div class="layui-input-block">
                                            <input type="text" id="employee_name2" required  lay-verify="required" autocomplete="off" class="layui-input" disabled>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">手机号：</label>
                                        <div class="layui-input-block">
                                            <input type="text" id="employee_phone2" required  lay-verify="required" autocomplete="off" class="layui-input" disabled>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">部门：</label>
                                        <div class="layui-input-block layui-form" id="department_list3" lay-filter="selFilter">
                                            <select id="select_department3" lay-verify="required">
                                                <option value="">暂无部门</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">上级：</label>
                                        <div class="layui-input-block layui-form" id="superior_list3" lay-filter="selFilter">
                                            <select id="superior_name3" lay-verify="required"></select>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">职务：</label>
                                        <div class="layui-input-block">
                                            <input type="text" id="employee_duty2" required  lay-verify="required" placeholder="请输入员工职务" autocomplete="off" class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <div class="layui-input-block">
                                            <button type="button" class="layui-btn layui-btn-normal" id="edit_employee_btn">立即修改</button>
                                            <button type="button" class="layui-btn layui-btn-normal" id="sub_employee_btn" data-toggle="modal" data-target="#sub_employee">查看下级</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="modal fade" id="sub_employee" tabindex="-1" role="dialog" aria-labelledby="myModalLabel11" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                    &times;
                                </button>
                                <h4 class="modal-title" id="myModalLabel11">下级成员</h4>
                            </div>
                            <div class="modal-body">
                                <div>
                                    <table class="layui-table">
                                        <colgroup>
                                            <col width="150">
                                            <col width="200">
                                            <col>
                                        </colgroup>
                                        <thead>
                                        <tr>
                                            <th>姓名</th>
                                            <th>手机号</th>
                                            <th>职务</th>
                                            <th>操作</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!--工作池-->
        <section class="sub-menu s-pool">
            <div class="s-left">
                <div id="pool-item-1" class="s-left-first sub-menu-select-item">用户查询</div>
                <div id="pool-item-2" class="sub-menu-select-item">企业查询</div>
            </div>
            <div class="s-right">
                <!--用户查询-->
                <div class="s-pool-item-1">
                    <div class="s-right-title">用户查询</div>
                    <div>
                        <div class="search_user">
                            <input type="text" lay-verify="required" autocomplete="off" placeholder="请输入要搜索的用户的姓名" class="layui-input" id="search_user">
                            <button class="search_btn">搜索</button>
                        </div>
                        <div class="search_user_list">
                            <div></div>
                        </div>
                        <script id="search_user_list" type="text/html">
                            <table class="layui-table">
                                <thead>
                                <tr>
                                    <th>姓名</th>
                                    <th>手机号</th>
                                    <th>信用分</th>
                                    <th>状态</th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                {{each}}
                                <tr>
                                    <td>{{$value.name}}</td>
                                    <td>{{$value.phone}}</td>
                                    <td>{{$value.credit_score}}</td>
                                    <td>
                                        {{if $value.employee}}
                                            {{if $value.this_company}}
                                                本公司员工
                                            {{else}}
                                                其它公司员工
                                            {{/if}}
                                        {{else}}
                                            求职者
                                        {{/if}}
                                    </td>
                                    <td>
                                        {{if $value.employee}}
                                            {{if $value.this_company}}
                                                <button class="user_info" name={{$value.id}} data-toggle="modal" data-target="#user_info">查看</button>
                                                <button class="delete_user" name={{$value.id}}>删除</button>
                                            {{else}}
                                                已为其它公司员工
                                            {{/if}}
                                        {{else}}
                                            <button class="user_info" name={{$value.id}} data-toggle="modal" data-target="#user_info">查看</button>
                                            <button class="add_user" name={{$value.id}} data-toggle="modal" data-target="#add_user">加入</button>
                                        {{/if}}
                                    </td>
                                </tr>
                                {{/each}}
                                </tbody>
                            </table>

                            <!--加入本公司-->
                            <div class="modal fade" id="add_user" tabindex="-1" role="dialog" aria-labelledby="myModalLabel9" aria-hidden="true">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                            <h4 class="modal-title" id="myModalLabel9">添加成员</h4>
                                        </div>
                                        <div class="modal-body">
                                            <form class="layui-form">
                                                <div class="layui-form-item">
                                                    <label class="layui-form-label">姓名：</label>
                                                    <div class="layui-input-block">
                                                        <input type="text" id="user_name" required  lay-verify="required" autocomplete="off" class="layui-input" disabled>
                                                    </div>
                                                </div>
                                                <div class="layui-form-item">
                                                    <label class="layui-form-label">手机号：</label>
                                                    <div class="layui-input-block">
                                                        <input type="text" id="user_phone" required  lay-verify="required" autocomplete="off" class="layui-input" disabled>
                                                    </div>
                                                </div>
                                                <div class="layui-form-item">
                                                    <label class="layui-form-label">部门：</label>
                                                    <div class="layui-input-block layui-form" id="department_list2" lay-filter="selFilter">
                                                        <select id="select_department" lay-verify="required">
                                                            <option value="">暂无部门</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="layui-form-item">
                                                    <label class="layui-form-label">上级：</label>
                                                    <div class="layui-input-block layui-form" id="superior_list2" lay-filter="selFilter">
                                                        <select id="user_superior" lay-verify="required"></select>
                                                    </div>
                                                </div>
                                                <div class="layui-form-item">
                                                    <label class="layui-form-label">职务：</label>
                                                    <div class="layui-input-block">
                                                        <input type="text" id="user_duty" required  lay-verify="required" placeholder="请输入员工职务" autocomplete="off" class="layui-input">
                                                    </div>
                                                </div>
                                                <div class="layui-form-item">
                                                    <div class="layui-input-block">
                                                        <button type="button" class="layui-btn layui-btn-normal" id="add_user_btn">立即添加</button>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!--查看用户信息-->
                            <div class="modal fade" id="user_info" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2" aria-hidden="true">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                            <h4 class="modal-title" id="myModalLabel2">详细信息</h4>
                                        </div>
                                        <div class="modal-body">
                                            <form class="layui-form">
                                                <img alt="头像" src="img/avatars/avatar-4.png"/>
                                                <div class="layui-form-item">
                                                    <label class="layui-form-label">姓名：</label>
                                                    <div class="layui-input-block">
                                                        <input type="text" lay-verify="required" autocomplete="off" class="layui-input" id="get_user_name" disabled>
                                                    </div>
                                                </div>
                                                <div class="layui-form-item">
                                                    <label class="layui-form-label">手机号：</label>
                                                    <div class="layui-input-block">
                                                        <input type="text" lay-verify="required" autocomplete="off" class="layui-input" id="get_user_phone" disabled>
                                                    </div>
                                                </div>
                                                <div class="layui-form-item get_user_department" style="display: none;">
                                                    <label class="layui-form-label">所在部门：</label>
                                                    <div class="layui-input-block">
                                                        <input type="text" lay-verify="required" autocomplete="off" class="layui-input" id="get_user_department" disabled>
                                                    </div>
                                                </div>
                                                <div class="layui-form-item get_user_duty" style="display: none;">
                                                    <label class="layui-form-label">职务：</label>
                                                    <div class="layui-input-block">
                                                        <input type="text" lay-verify="required" autocomplete="off" class="layui-input" id="get_user_duty" disabled>
                                                    </div>
                                                </div>
                                                <div class="layui-form-item">
                                                    <label class="layui-form-label">性别：</label>
                                                    <div class="layui-input-block">
                                                        <input type="text" lay-verify="required" autocomplete="off" class="layui-input" id="get_user_gender" disabled>
                                                    </div>
                                                </div>
                                                <div class="layui-form-item">
                                                    <label class="layui-form-label">生日：</label>
                                                    <div class="layui-input-block">
                                                        <input type="text" lay-verify="required" autocomplete="off" class="layui-input" id="get_user_birth" disabled>
                                                    </div>
                                                </div>
                                                <div class="layui-form-item">
                                                    <div class="layui-input-block">
                                                        <button type="button" class="layui-btn layui-btn-normal sys_resume" data-toggle="modal" data-target="#sys_resume">系统简历</button>
                                                        <button type="button" class="layui-btn layui-btn-normal get_resume" style="display: none" data-toggle="modal" data-target="#resume_info">个人简历</button>
                                                        <button type="button" class="layui-btn layui-btn-normal search_reward" data-toggle="modal" data-target="#reward_info">查看奖惩</button>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </script>
                    </div>

                    <!--系统简历-->
                    <div class="modal fade" id="sys_resume" tabindex="-1" role="dialog" aria-labelledby="myModalLabel4" aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                    <h4 class="modal-title" id="myModalLabel4">用户系统简历</h4>
                                </div>
                                <div class="modal-body">
                                    <div>
                                        <script id="sys_resume_info" type="text/html">
                                            <table class="layui-table">
                                                <thead>
                                                <tr>
                                                    <th>公司名</th>
                                                    <th>部门</th>
                                                    <th>职务</th>
                                                    <th>入职时间</th>
                                                    <th>离职时间</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                {{each}}
                                                <tr>
                                                    <td>{{$value.company_name}}</td>
                                                    <td>{{$value.department_name}}</td>
                                                    <td>{{$value.duty}}</td>
                                                    <td>{{$value.start_time}}</td>
                                                    <td>{{$value.end_time}}</td>
                                                </tr>
                                                {{/each}}
                                                </tbody>
                                            </table>
                                        </script>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!--个人简历照片-->
                    <div class="modal fade" id="resume_info" tabindex="-1" role="dialog" aria-labelledby="myModalLabel3" aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                    <h4 class="modal-title" id="myModalLabel3">用户简历</h4>
                                </div>
                                <div class="modal-body">
                                    <span>点击图片放大预览</span>
                                    <div id="layer-photos-demo1" class="layer-photos-demo">
                                        <img alt="个人简历">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!--奖惩列表-->
                    <div class="modal fade" id="reward_info" tabindex="-1" role="dialog" aria-labelledby="myModalLabel5" aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                    <h4 class="modal-title" id="myModalLabel5">用户奖惩</h4>
                                </div>
                                <div class="modal-body">
                                    <div>
                                        <script id="reward_info_list" type="text/html">
                                            <table class="layui-table">
                                                <thead>
                                                <tr>
                                                    <th>日期</th>
                                                    <th>内容</th>
                                                    <th>奖惩</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                {{each}}
                                                <tr>
                                                    <td>{{$value.day_time}}</td>
                                                    <td>{{$value.content}}</td>
                                                    {{if $value.is_reward}}
                                                        <td>奖励</td>
                                                    {{else}}
                                                        <td>惩罚</td>
                                                    {{/if}}
                                                </tr>
                                                {{/each}}
                                                </tbody>
                                            </table>
                                        </script>
                                    </div>
                                    <button class="add_reward" data-toggle="modal" data-target="#add_reward">添加奖惩</button>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!--添加新奖惩-->
                    <div class="modal fade" id="add_reward" tabindex="-1" role="dialog" aria-labelledby="myModalLabel6" aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                    <h4 class="modal-title" id="myModalLabel6">添加奖惩</h4>
                                </div>
                                <div class="modal-body">
                                    <form class="layui-form">
                                        <div class="layui-form-item">
                                            <label class="layui-form-label">奖惩内容：</label>
                                            <div class="layui-input-block">
                                                <input type="text" lay-verify="required" autocomplete="off" placeholder="请输入奖惩内容" class="layui-input" id="content">
                                            </div>
                                        </div>
                                        <div class="layui-form-item">
                                            <label class="layui-form-label">奖惩类别：</label>
                                            <div class="layui-input-block layui-form" lay-filter="selFilter">
                                                <select id="is_reward" lay-verify="required">
                                                    <option value=""></option>
                                                    <option value="True">奖励</option>
                                                    <option value="False">惩罚</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="layui-form-item">
                                            <div class="layui-input-block">
                                                <button type="button" class="layui-btn layui-btn-normal add_reward_btn">确认添加</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--企业查询-->
                <div class="s-pool-item-2">
                    <div class="s-right-title">企业查询</div>
                    <div>
                        <div class="search_company">
                            <input type="text" lay-verify="required" autocomplete="off" placeholder="请输入要搜索的公司的名称" class="layui-input" id="search_company">
                            <button class="search_btn">搜索</button>
                        </div>
                        <div class="search_company_list">
                            <div></div>
                        </div>
                        <script id="search_company_list" type="text/html">
                            <table class="layui-table">
                                <colgroup>
                                    <col width="150">
                                    <col width="200">
                                </colgroup>
                                <thead>
                                <tr>
                                    <th>公司名</th>
                                    <th>公司介绍</th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                {{each}}
                                <tr>
                                    <td>{{$value.name}}</td>
                                    <td>{{$value.info}}</td>
                                    <td>
                                        <!--<button class="edit_pool" name={{$value.id}} data-toggle="modal" data-target="#myModal">查看</button>-->
                                        <button class="company_info" name={{$value.id}}>查看</button>
                                    </td>
                                </tr>
                                {{/each}}
                                </tbody>
                            </table>
                        </script>
                    </div>
                </div>
            </div>
        </section>

        <!--企业数据-->
        <section class="sub-menu s-data">
            <div class="s-left">
                <div id="data-item-1" class="s-left-first sub-menu-select-item">使用统计</div>
            </div>
            <div class="s-right">
                <!--成员使用统计-->
                <div class="s-data-item-1">
                    <div class="s-right-title">使用统计</div>

                    <div class="s-data-item-1-box">
                        <span>当前企业人数</span>
                        <div class="s-data-item-1-subbox">
                            <span id="total_employees"> </span>
                        </div>
                    </div>

                    <div class="s-data-item-1-box">
                        <span>员工离职情况</span>
                        <div class="s-data-item-1-subbox away_employee">
                            <h6 id="sum_away_employee"></h6>
                            <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">查看离职员工</button>
                        </div>
                    </div>

                    <div class="s-right-title">企业每日分析</div>
                    <div id="c1"></div>
                    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                        &times;
                                    </button>
                                    <h4 class="modal-title" id="myModalLabel">
                                        离职员工列表
                                    </h4>
                                </div>
                                <div class="modal-body away_employee">
                                    <table class="layui-table">
                                        <colgroup>
                                            <col width="150">
                                            <col width="200">
                                            <col>
                                        </colgroup>
                                        <thead>
                                        <tr>
                                            <th>姓名</th>
                                            <th>入职日期</th>
                                            <th>离职日期</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <script id="away_employee" type="text/html">
                                            {{each}}
                                            <tr>
                                                <td>{{$value.name}}</td>
                                                <td>{{$value.start_time}}</td>
                                                <td>{{$value.end_time}}</td>
                                            </tr>
                                            {{/each}}
                                        </script>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="modal-footer">
                                    <button class="close_btn" data-dismiss="modal">关闭</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!--设置-->
        <section class="sub-menu s-setting">
            <div class="s-left">
                <div id="setting-item-1" class="s-left-first sub-menu-select-item">企业信息</div>
                <div id="setting-item-2" class="sub-menu-select-item">更换主管理员</div>
                <div id="setting-item-3" class="sub-menu-select-item">设置子管理员</div>
                <!--<div id="setting-item-4" class="sub-menu-select-item">解散企业</div>-->
            </div>
            <div class="s-right">
                <div class="s-setting-item-1">
                    <div class="s-right-title">企业信息</div>
                    <form class="layui-form">
                        <img alt="头像" src="img/avatars/avatar-1.png"/>
                        <div class="layui-form-item">
                            <label class="layui-form-label">企业名称：</label>
                            <div class="layui-input-block">
                                <input type="text" lay-verify="required" autocomplete="off" class="layui-input" id="name">
                            </div>
                        </div>
                        <div class="layui-form-item layui-form-text">
                            <label class="layui-form-label">企业介绍：</label>
                            <div class="layui-input-block">
                                <textarea placeholder="请输入内容" class="layui-textarea" id="info"></textarea>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-input-block">
                                <button type="button" class="layui-btn layui-btn-normal edit_company">提交修改</button>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="s-setting-item-2">
                    <div class="s-right-title">更换主管理员</div>
                    <form class="layui-form">
                        <div class="layui-form-item">
                            <label class="layui-form-label">当前绑定用户：</label>
                            <div class="layui-input-block">
                                <input type="text" lay-verify="required" autocomplete="off" class="layui-input" id="manager_name" disabled>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">手机号：</label>
                            <div class="layui-input-block">
                                <input type="text" lay-verify="required" autocomplete="off" class="layui-input" id="manager_phone" disabled>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">新主管理员：</label>
                            <div class="layui-input-block layui-form selsect_main_manager" lay-filter="selFilter">
                                <select lay-verify="required" id="selsect_main_manager">
                                    <script id="employees" type="text/html">
                                        <option value=""></option>
                                        {{each}}
                                        <option value={{$value.id}}>姓名：{{$value.name}} | 手机号：{{$value.phone}}</option>
                                        {{/each}}
                                    /</script>
                                </select>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-input-block">
                                <button type="button" class="layui-btn layui-btn-normal edit_main_manager">提交修改</button>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="s-setting-item-3">
                    <div class="s-right-title">设置子管理员</div>
                    <div>
                        <table class="layui-table">
                            <colgroup>
                                <col width="150">
                                <col width="200">
                                <col>
                            </colgroup>
                            <thead>
                            <tr>
                                <th>姓名</th>
                                <th>手机号</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            <script id="sub_manager" type="text/html">
                                {{each}}
                                <tr>
                                    <td>{{$value.name}}</td>
                                    <td>{{$value.phone}}</td>
                                    <td><button class="delete_sub_manager" name={{$value.id}} onclick="methods.delete_sub_manager_btn(this)">删除</button></td>
                                </tr>
                                {{/each}}
                            </script>
                            </tbody>
                        </table>
                    </div>
                    <div class="add_sub_manager_div">
                        <div class="add_sub_manager">添加子管理员</div>
                    </div>
                    <form class="layui-form"  style="display: none;">
                        <div class="layui-form-item">
                            <label class="layui-form-label">新子管理员：</label>
                            <div class="layui-input-block layui-form selsect_sub_manager" lay-filter="selFilter">
                                <select lay-verify="required" id="selsect_sub_manager">
                                    <script id="manager" type="text/html">
                                        <option value=""></option>
                                        {{each}}
                                        <option value={{$value.id}}>姓名：{{$value.name}} | 手机号：{{$value.phone}}</option>
                                        {{/each}}
                                        /</script>
                                </select>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-input-block">
                                <button type="button" class="layui-btn layui-btn-normal" id="add_sub_manager">确认添加</button>
                            </div>
                        </div>
                    </form>
                </div>
                <!--<div class="s-setting-item-4">-->
                    <!--解散-->
                <!--</div>-->
            </div>
        </section>
    </div>
    <footer>

    </footer>
</body>

</html>